import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  // {
  //   path: '/Tree',
  //   name: 'Tree',
  //   component: () => import("@/views/Tree.vue")
  // },
  {
    path: '/Table',
    name: 'Table',
    component: () => import("@/views/Table.vue")
  },
  {
    path: '/lunbo',
    name: 'lunbo',
    component: () => import("@/views/lunbo.vue")
  },
  {
    path: '/Tabless',
    name: 'Tabless',
    component: () => import("@/views/Tabless.vue")
  },
  {
    path: '/Highcharts',
    name: "Highcharts",
    component: () => import("@/views/Highcharts/index.vue")
  },
  {
    path: '/Echarts',
    name: "Echarts",
    component: () => import("@/views/Echarts/index.vue")
  },
  {
    path: '/Checkbox',
    name: "Checkbox",
    component: () => import("@/views/Checkbox/index.vue")
  },
  {
    path: '/PdfExport',
    name: "PdfExport",
    component: () => import("@/views/PdfExport/index.vue")
  },
  {
    path: '/Fangdou',
    name: "Fangdou",
    component: () => import("@/views/Fangdou/index.vue")
  },
  {
    path: '/WeatherForecast',
    name: "WeatherForecast",
    component: () => import("@/views/WeatherForecast/index.vue")
  },
  {
    path: '/exportXlsx',
    name: "WeatherForecast",
    component: () => import("@/views/ExportXlsx/index.vue")
  },
  
  {
    path: '/UtilsBand',
    name: "UtilsBand",
    component: () => import("@/views/UtilsBand/index.vue")
  },
  {
    path: '/ToTable',
    name: "ToTable",
    component: () => import("@/views/ToTable/index.vue")
  },
  {
    path: '/NavMenu',
    name: "NavMenu",
    component: () => import("@/components/NavMenu/index.vue")
  },
  {
    path: '/Mapbox',
    name: "Mapbox",
    component: () => import("@/views/Mapbox/index.vue")
  },
  {
    path: '/Ceshi',
    name: "Ceshi",
    component: () => import("@/views/Ceshi/index.vue")
  },
  
  {
    path: '/SelfAdaption',
    name: "SelfAdaption",
    component: () => import("@/views/SelfAdaption/flexIndex.vue")
  },
  {
    path: '/Flicker',
    name: "Flicker",
    component: () => import("@/views/Flicker/index.vue")
  },
  {
    path: '/QuillEditor',
    name: "QuillEditor",
    component: () => import("@/views/QuillEditor/index.vue")
  },
  {
    path: '/ThreeScene',
    name: "ThreeScene",
    component: () => import("@/views/ThreeScene/index.vue")
  },
]

const router = new VueRouter({
  routes
})

export default router
